import React, { useEffect, useState } from 'react';
import { getList } from "../../apis/api";
import { Avatar, List } from 'antd';
function Article() {
    const [data,setData]=useState('')
    const datas=[
        {
            title:'大统一时代来了',
            content:'小天才码农：VueConf 2025 刚刚在深圳落下帷幕，有预习带来了最新的vue，这篇文章我来带大家快速过一遍......'
        },
        {
            title:'大统一时代来了',
            content:'小天才码农：VueConf 2025 刚刚在深圳落下帷幕，有预习带来了最新的vue，这篇文章我来带大家快速过一遍......'
        },
        {
            title:'大统一时代来了',
            content:'小天才码农：VueConf 2025 刚刚在深圳落下帷幕，有预习带来了最新的vue，这篇文章我来带大家快速过一遍......'
        },
        {
            title:'大统一时代来了',
            content:'小天才码农：VueConf 2025 刚刚在深圳落下帷幕，有预习带来了最新的vue，这篇文章我来带大家快速过一遍......'
        },
        {
            title:'大统一时代来了',
            content:'小天才码农：VueConf 2025 刚刚在深圳落下帷幕，有预习带来了最新的vue，这篇文章我来带大家快速过一遍......'
        },
    ]

    const aa=async()=>{
        const res=await getList({
            page:1,//页码  必传
pageSize:6,//每页显示条数 必传
keyword:null,//搜索标题
tag:null//搜索标签

        })
        console.log(res.data.rows);
        setData(res.data.rows)
        
    }
    useEffect(()=>{
        aa()
    },[])
    return (
        <div>
            
            {data&&data.map((item,index)=>{
                return <List
    itemLayout="horizontal"
    dataSource={data}
    renderItem={(item, index) => (
      <List.Item>
        <List.Item.Meta
          
          title={item.title}
          description="Ant Design, a design language for background applications, is refined by Ant UED Team"
        />
      </List.Item>
    )}
  />
            })}
        </div>
    );
}

export default Article;